<template>
  <div class="abuot">
    <ComNavBar />

    <div  class="container">
      <div  class="head title_color">{{t('About the Company')}}</div>
      <div  class="logo"><img src="@/assets/images/logo.jpg" alt="">
      </div>
      <div  class="content">{{t('The Goldman Sachs Group, Inc. is a leading global investment banking, securities and investment management firm that provides a wide range of financial services to a substantial and diversified client base that includes corporations, financial institutions, governments and individuals.')}}</div>
      <div  class="footer">{{t('Customer service working time')}}: </div>
      <div  class="footer"> {{t('{h} Hours', {h: 24})}} &amp; {{t('{d} Days.', {d: 7})}} </div>
      <div  class="footer"> Call us at - +91 7702972403 </div>
    </div>
  </div>
</template>
<script lang="ts" setup>
import { t } from '@/languages'

</script>
<style lang="scss" scoped>
.container {
  padding: .5333rem .4rem;
}

.head {
  font-size: .5867rem;
  font-weight: 600;
}

.logo {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: .2667rem;

  img {
    width: 5.3333rem;
  }
}

.content {
  line-height: .5333rem;
  font-size: .3733rem;
}

.footer {
  padding: .2667rem 0;
  font-weight: 600;
  color: #578ad3;
}

</style>
